<template name="core">
<html>
    <head>
        <title>{{title}}</title>
        <link rel="stylesheet" type="text/css" href="/css/styles.css" />
        <template name="mobile_css"><link rel="stylesheet" type="text/css" href="/css/mobile.css" /></template>
        <link rel="stylesheet" type="text/css" href="/css/jquery-ui.css" />
        <script type="text/javascript" src="/js/jquery.js"></script>
        <script type="text/javascript" src="/js/jquery-ui.js"></script>
        <script type="text/javascript" src="/js/scripts.js"></script>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    </head>
    <body onload="adjustHeights();">
        <div id="header">
            <div id="header_left_bg"></div>
            <div id="header_right_bg"></div>
            <div id="header_middle_bg"></div>
            <div id="header_logo"><a href="/"><img src="/images/core/header_logo.png" border="0" /></a></div>
            <div id="header_user">
                <template name="header_not_logged_in">
                <div id="header_login">
                    <form name="login" method="post" action="{{login_action}}" id="header_login_form">
                        <div id="login_label_username">Nombre de usuario:</div>
                        <div id="login_input_username">
                            <input type="text" id="username_login" name="login[username]" />
                        </div>
                        <div id="login_label_password">Contrase&ntilde;a:</div>
                        <div id="login_input_password">
                            <input type="password" id="username_password" name="login[password]" />
                        </div>
                        <div id="login_bottom_buttons">
                            <a href="{{password_forgot_action}}">Recuperar contrase&ntilde;a</a>
                            <a href="{{register_action}}">Registrate</a>
                            <span id="login_input_button">INGRESAR</span>
                        </div>
                        <input type="submit" value="sarasa" style="visibility: hidden"/>
                    </form>
                </div>
                </template>
                <template name="header_logged_in">
                <div id="header_logged_in">
                    <br/>
                    <strong>Bienvenido {{['user_data']['username']}}{{user_type}}</strong>
                    <br /><br/>
                    <!--<a href="" id="configuration_button">MI CUENTA</a>-->
                    <a href="{{logout_action}}" id="logout_input_button">SALIR</a>
                </div>
                </template>
            </div>
            <div id="header_menu" class="{{header_type_class}}">
                <a href="/" id="home_button">INICIO</a>
                <a href="{{register_action}}" id="register_button">REGISTRATE</a>
                <a href="/" id="contact_button">CONTACTO</a>
                <a href="/" id="favs_button">FAVORITOS</a>
                <a href="/" id="help_button">AYUDA</a>
                <a href="/" id="about_button">INSTITUCIONAL</a>
                <a href="/" id="who_button">QUIENES SOMOS</a>
            </div>
        </div>
        <div id="content" class="{{menu_class}}">
            <div id="left_menu">
                <div id="left_menu_separation_bar"></div>
                <div id="left_menu_content">
                    <div id="left_menu_top_bg"></div>
                    <div id="left_menu_middle_bg">
                        <img src="/images/core/left_menu_header_title.png" />
                        <template name="admin_menu">
                        <ul id="left_menu_list">
                            <li class="menu_parent" id="menu_conductores">
                                <a href="#">Conductores</a>
                                <div class="divisor">
                                    <div class="small"></div>
                                    <div class="big"></div>
                                </div>
                                <ul>
                                    <li class="accion_nuevoConductor"><a href="{{link_nuevo_conductor}}">Agregar conductor</a></li>
                                    <li class="accion_verConductores"><a href="{{link_listar_conductores}}">Listar conductores</a></li>
                                </ul>
                            </li>
                            <li class="menu_parent" id="menu_vehiculos">
                                <a href="#">Veh&iacute;culos</a>
                                <div class="divisor">
                                    <div class="small"></div>
                                    <div class="big"></div>
                                </div>
                                <ul>
                                    <li class="accion_nuevoVehiculo"><a href="{{link_nuevo_vehiculo}}">Agregar veh&iacute;culo</a></li>
                                    <li class="accion_verVehiculos"><a href="{{link_listar_vehiculos}}">Listar veh&iacute;culos</a></li>
                                </ul>
                            </li>
                            <li class="menu_parent" id="menu_grupos">
                                <a href="#">Grupos</a>
                                <div class="divisor">
                                    <div class="small"></div>
                                    <div class="big"></div>
                                </div>
                                <ul>
                                    <li class="accion_nuevoGrupo"><a href="{{link_nuevo_grupo}}">Agregar grupo</a></li>
                                    <li class="accion_verGrupos"><a href="{{link_listar_grupos}}">Listar grupos</a></li>
                                </ul>
                            </li>
                            <li class="menu_parent" id="menu_franjas">
                                <a href="#">Franjas</a>
                                <div class="divisor">
                                    <div class="small"></div>
                                    <div class="big"></div>
                                </div>
                                <ul>
                                    <li class="accion_nuevaFranja"><a href="{{link_nueva_franja}}">Agregar franja</a></li>
                                    <li class="accion_verFranjas"><a href="{{link_listar_franjas}}">Listar franjas</a></li>
                                </ul>
                            </li>
                            <li class="menu_parent" id="menu_mapa">
                                <a href="#">Mapa</a>
                                <div class="divisor">
                                    <div class="small"></div>
                                    <div class="big"></div>
                                </div>
                                <ul>
                                    <li class="accion_nuevaRuta"><a href="{{link_nuevo_recorrido}}">Nueva ruta</a></li>
                                    <li class="accion_listarRutas"><a href="{{link_listar_recorridos}}">Listar rutas</a></li>
                                </ul>
                            </li>
                            <li class="menu_parent" id="menu_viajes">
                                <a href="#">Viajes</a>
                                <div class="divisor">
                                    <div class="small"></div>
                                    <div class="big"></div>
                                </div>
                                <ul>
                                    <li class="accion_crearViaje"><a href="{{link_crear_viaje}}">Crear viaje</a></li>
                                    <li class="accion_programarViajes"><a href="{{link_programar_viajes}}">Programar viajes</a></li>
                                    <li class="accion_listarViajes"><a href="{{link_listar_viajes}}">Viajes programados</a></li>
                                    <li class="accion_listarViajesActivos"><a href="{{link_listar_viajes_activos}}">Viajes activos</a></li>
                                    <li class="accion_listarViajesFinalizados"><a href="{{link_listar_viajes_finalizados}}">Viajes finalizados</a></li>
                                </ul>
                            </li>
                            <li class="menu_parent" id="menu_monitoreo">
                                <a href="#">Monitoreo</a>
                                <div class="divisor">
                                    <div class="small"></div>
                                    <div class="big"></div>
                                </div>
                                <ul>
                                    <li class="accion_listarViajesActivos"><a href="{{link_listar_viajes_activos}}">Viajes activos</a></li>
                                    <li class="accion_gruposActivos"><a href="{{link_listar_grupos_activos}}">Ver grupos activos</a></li>
                                </ul>
                            </li>
                            <li class="menu_parent" id="menu_alertas">
                                <a href="#">Historial</a>
                                <div class="divisor">
                                    <div class="small"></div>
                                    <div class="big"></div>
                                </div>
                                <ul>
                                    <li class="accion_listarViajesFinalizados"><a href="{{link_listar_viajes_finalizados}}">Viajes finalizados</a></li>
                                    <li class="accion_historialVehiculo"><a href="{{link_historial_vehiculo}}">Historial por veh&iacute;culo</a></li>
                                    <li class="accion_historialGrupo"><a href="{{link_historial_grupo}}">Historial por grupo</a></li>
                                    <li class="accion_historialGeneral"><a href="{{link_historial_general}}">Historial general</a></li>
                                </ul>
                            </li>
                            <li class="menu_parent" id="menu_usuariosFinales">
                                <a href="#">Usuarios Finales</a>
                                <div class="divisor">
                                    <div class="small"></div>
                                    <div class="big"></div>
                                </div>
                                <ul>
                                    <li class="accion_listarUsuariosFinales"><a href="{{link_listar_usuarios_finales}}">Administrar</a></li>
                                </ul>
                            </li>
                        </ul>
                        </template>
                        <template name="master_menu">
                        <ul id="left_menu_list">
                            <li>
                                <a href="#">Usuarios</a>
                                <div class="divisor">
                                    <div class="small"></div>
                                    <div class="big"></div>
                                </div>
                                <ul>
                                    <li><a href="{{link_nuevo_usuario}}">Crear usuario</a></li>
                                    <li><a href="{{link_listar_usuarios}}">Listar usuarios</a></li>
                                </ul>
                            </li>
                        </ul>
                        </template>
                        <template name="security_menu">
                        <ul id="left_menu_list">
                            <li>
                                <a href="#">Roles</a>
                                <div class="divisor">
                                    <div class="small"></div>
                                    <div class="big"></div>
                                </div>
                                <ul>
                                    <li><a href="{{link_nuevo_rol}}">Crear rol</a></li>
                                    <li><a href="{{link_listar_roles}}">Listar roles</a></li>
                                    <li><a href="{{link_roles_por_usuario}}">Roles por usuario</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#">Acciones</a>
                                <div class="divisor">
                                    <div class="small"></div>
                                    <div class="big"></div>
                                </div>
                                <ul>
                                    <li><a href="{{link_listar_acciones}}">Listar acciones</a></li>
                                    <li><a href="{{link_acciones_rol}}">Por rol</a></li>
                                    <li><a href="{{link_acciones_usuario}}">Por usuario</a></li>
                                </ul>
                            </li>
                        </ul>
                        </template>
                        <div id="menu_flag"><img src="/images/core/left_menu_flag.png" /></div>
                    </div>
                    <div id="left_menu_bottom_bg"></div>
                </div>
                <div id="left_menu_bottom"></div>
            </div>
            <div id="page_top_holders">
                <div id="page_top_holder_left"></div>
                <div id="page_top_holder_right"></div>
            </div>
            <div id="page_content">
                <div id="page_content_inside">
                    <template name="content_foo"></template>
                </div>
            </div>
            <div class="clear"></div>
        </div>
        <div id="footer">
            <div id="footer_left_bg"></div>
            <div id="footer_right_bg"></div>
            <div id="footer_middle_bg">
                <div id="footer_middle_content">S.E.T.U. - Sistema Electr&oacute;nico de Transporte Online &copy; | Es un producto de SmartSoft&trade; SRL. | Junio 2013 Todos los derechos reservados | <a href="">Pol&iacute;tica de Privacidad</a> | <a href="">T&eacute;rminos y Condiciones de uso</a></div>
            </div>
        </div>
        <div id="footer_sign_holders">
            <div id="footer_sign_holder_left"></div>
            <div id="footer_sign_holder_right"></div>
        </div>
        <!-- DIALOG BEGIN -->
        <div id="dialog_overlay" class="{{dialog_on}}"></div>
        <div id="dialog" class="{{dialog_on}}">
            <template name="dialog_title_notice">
                <div id="dialog_image"><img src="/images/core/notice.png"/></div>
                <div id="dialog_title">
                    <div id="dialog_title_text">AVISO</div>
                    <div id="dialog_title_close">X</div>
                </div>
            </template>
            <template name="dialog_title_error">
                <div id="dialog_image"><img src="/images/core/error.png"/></div>
                <div id="dialog_title" class="dialog_error">
                    <div id="dialog_title_text">ERROR</div>
                    <div id="dialog_title_close">X</div>
                </div>
            </template>
            <ul id="dialog_content">
            <template name="notice"><li class="dialog_line {{dialog_type}}">{{notice}}</li></template>
            </ul>
        </div>
        <!-- DIALOG END -->
        <script type="text/javascript">
            $(function()
            {
                init();
                <template name="accion_set">
                setAccion('{{accion}}', {{permiso}});
                </template>
                hideAcciones();
            });
        </script>
    </body>
</html>
</template>